iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Mobile Development

Flutter 吸入吐出系列 第 3

D-3 GetXController 協助紀錄完成的動作

  • 分享至 

  • xImage
  •  

在前篇引入Getx後
新增record.controller用於增減紀錄組數的方法
同時使用 fitnessSets = [].obs; 存放資料

FitnessSet 需要自行先定義好(依照需求去增減)

class FitnessSet {
  String name; //當前動作
  int frequency; //組數
  double weight; //重量
  FitnessSet({
    required this.name,
    required this.frequency,
    required this.weight,
  });
}

record.controller
建置好方法去新增資料

  addSet(FitnessSet fitnessSet) => fitnessSets.add(fitnessSet);

record.view
右下角的actionButton 點擊後去獲取TextField欄位數值去紀錄

floatingActionButton: FloatingActionButton(
        onPressed: () => {
          controller.addSet(FitnessSet()),
        },
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),

接下來還缺少TextField取值的參數 我們下篇見🤡


上一篇
D-2 事前準備 UI 和規劃
系列文
Flutter 吸入吐出3
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言